﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>添加成员</title>
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"></link>
	<link href="../css/reset.css" rel="stylesheet" type="text/css"></link>
	<link href="../css/common.css" rel="stylesheet" type="text/css"></link>
	<link href="../css/pxmain.css" rel="stylesheet" type="text/css"></link>
	<script type="text/javascript" src="../js/jquery/jquery.js"></script>
    <script type="text/javascript" src="../js/modernizr.js"></script>
	<!--[if IE 6]>
	<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js" ></script>
	<script type="text/javascript">
	DD_belatedPNG.fix('.user-setting,.zan-ico, .ico-hit, .ico-laud, .icon-downlowd, .icon-share,.show-wall .show-pager span ,.model-logo-one');
	</script>
	<![endif]-->
</head>
<body>
<section class="addmember-boxbg pa">
 	<div class="addmember-box pr">
    	<form action="#">
            <div class="addmember-find pal">
                <h5>按昵称或邮件查找</h5>
                <div class="addmember-findTB">
                	<input type="text" class="findT" />
                    <button type="submit" class="findB">查找</button>                    
                </div>
            </div>
            <div class="addmember-select phl">
            	<h5>从我关注的人中选择</h5>
                <div class="addmember-body mts">
                	<div class="addmember-title">
                    	<span class="alllist thislist">全部</span>
                        <span class="">摄影</span>
                        <span class="">发型</span>
                        <span class="">造型</span>
                        <span class="">美容</span>
                    </div>
                    <div class="addmember-data">
                    	<ul class="addmember-list clearfix pbl">
                        	<li class="memberPT clearfix">
                            	<div class="memberPic lfloat">
                            		<img src="" alt="" />
                            	</div>
                                <div class="memberText">
                                	<div class="memberName">
                                    	程红
                                    </div>
                                    <div class="memberProfession">
                                    	<span>摄影</span> | <span>发型设计</span>
                                    </div>
                                </div>
                            </li>
                            <li class="memberPT clearfix">
                            	<div class="memberPic lfloat">
                            		<img src="" alt="" />
                            	</div>
                                <div class="memberText">
                                	<div class="memberName">
                                    	程红
                                    </div>
                                    <div class="memberProfession">
                                    	<span>摄影</span> | <span>发型设计</span>
                                    </div>
                                </div>
                            </li>
                            <li class="memberPT clearfix">
                            	<div class="memberPic lfloat">
                            		<img src="" alt="" />
                            	</div>
                                <div class="memberText">
                                	<div class="memberName">
                                    	程红
                                    </div>
                                    <div class="memberProfession">
                                    	<span>摄影</span> | <span>发型设计</span>
                                    </div>
                                </div>
                            </li>
                            <li class="memberPT clearfix">
                            	<div class="memberPic lfloat">
                            		<img src="" alt="" />
                            	</div>
                                <div class="memberText">
                                	<div class="memberName">
                                    	程红
                                    </div>
                                    <div class="memberProfession">
                                    	<span>摄影</span> | <span>发型设计</span>
                                    </div>
                                </div>
                            </li>
                            <li class="memberPT clearfix">
                            	<div class="memberPic lfloat">
                            		<img src="" alt="" />
                            	</div>
                                <div class="memberText">
                                	<div class="memberName">
                                    	程红
                                    </div>
                                    <div class="memberProfession">
                                    	<span>摄影</span> | <span>发型设计</span>
                                    </div>
                                </div>
                            </li>
                            <li class="memberPT clearfix">
                            	<div class="memberPic lfloat">
                            		<img src="" alt="" />
                            	</div>
                                <div class="memberText">
                                	<div class="memberName">
                                    	程红
                                    </div>
                                    <div class="memberProfession">
                                    	<span>摄影</span> | <span>发型设计</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </form>
        <div class="addFinish pal ar">
        	<button type="button" class="exitnc">取消</button><button type="submit" class="edSubmit">添加</button>
        </div>
    </div>
</section>
<script>
$(function(){
	$("li.memberPT").hover(function(){
		$(this).addClass("memberPTbg");},function(){
		$(this).removeClass("memberPTbg");	
		}).toggle(function(){
			$(this).css({"background-color":"#d3d3d3"}).append('<span class="thisadd"></span>');
		},function(){
			$(this).css({"background-color":""}).children().remove('.thisadd');
		});
		
	
	
})



</script>
</body>  
</html>